<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/jquery-1.11.2.min.js" ></script>
	</head>
	<body>
		<form action="">
			<div class="msg">
				 <div class="msg_caption">
				 	<span class="bigger">放大</span>
				 	<span class="smaller">缩小</span>
				 </div>
				 <div>
				 	<textarea id="comment" style="height: 500px;">sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss</textarea>
				 </div>
				 
			</div>
		</form>
		<script>
			$(function(){
				var $comment=$("#comment");
				$(".bigger").click(function(){
					if($comment.height()<500){
					/*	$comment.height($comment.height()+50);*/
					$comment.animate({height:"+50"},400);
					}
				})
				$(".smaller").click(function(){
					if($comment.height()>50){
						$comment.height($comment.height()-50);
					}
				})
			})
		</script>
	</body>
</html>
